.system-setting {


  &-left {
    border: 1px solid #dedede;
    min-height: calc(calc(100vh - 50px - 38px - 30px));
    border-radius: 6px;

    &-title {
      height: 60px;
      font-weight: bold;
      background-color: #E2E6EE;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      border-radius: 6px 6px 0 0;
      padding: 0 20px;

      &-area {
        margin: 0 5px 0 4px;
        font-size: 18px;
        display: inline-block;
      }
    }

    .el-menu {
      border-right: none;
    }

    .el-submenu__title>span {
      font-weight: bold;
    }

  }

  &-right {
    min-height: calc(calc(100vh - 50px - 38px - 30px));
    border-radius: 6px;
  }
}
 .left_down_img{
  display:flex;
  align-items:flex-end;
}
.api-authorization-css {
  .card {
    border: 1px solid #dedede;
    border-radius: 4px;
    background: #fff;

    .card-title {
      height: 60px;
      border-bottom: 1px solid #dedede;
      font-size: 1.2em;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 0 20px;
    }
    .card-right-img{
      position: absolute;
      right: 35px;
    }
    .card-right-img img{
      height:50px;
    }
    .card-content {
      padding: 20px;

      &-list {
        &>div {
          margin-bottom: 10px;
        }

        &>div:last-child {
          margin-bottom: 0;
        }
      }
    }
  }
}
